require(["./config"], function() {
	require(["jquery", "swiper", "loadHF", "zoom"], function($) {
		
		function detail(){
			this.load();
//			this.zoom();
			this.addandreduce();
		};
		detail.prototype={
			constructor: detail,
			zoom(){
				$(".small").elevateZoom({
				zoomWindowWidth:350,
				zoomWindowHeight:350

				});
			},
			addandreduce(){
				const add=$("button.btn2");
				const reduce=$("button.btn1");
				const value=$("input.num");
				add.click(function(){
					let v=value.val();
					v=parseInt(v);
					v+=1;
					value.val(v);
					
				});
				reduce.click(function(){
					let v=value.val();
					v=parseInt(v);
					if(v>1)
					{
						v-=1;
						value.val(v);
					}
					else
					{
						return ;
					}
				});
			},
			load(){
				let id=location.search;
				$.get("http://localhost/api/detail.php"+id, (res) => {
					res=JSON.parse(res);
					var obj=res[0];
					const {price,title,content,img,id:id2}=obj;
					$(".main-banner .left img").attr("src",img);
					$(".main-banner>.left>.top>.box").css("background",`url(${img}) no-repeat`);
					console.log($(".main-banner>.left>.top>.box").css("background"))
					$(".main-banner>.left>.top>.box").css("background-size","100%");
					$(".right>h2").text(title);
					$(".right>h6").text(content);
					$(".right>.p1>span").text(price);
					$(".right>.p2>span").text(price);
					this.zoom();
				});
//					$.ajax({
//				        url: "http://localhost/api/detail.php",
//				        type: "get",
//				        data:id,
//				        success: function (res) {
//						res=JSON.parse(res);
//						var obj=res[0];
//						const {price,title,content,img,id:id2}=obj;
//						$(".main-banner .left img").attr("src",img);
//						$(".main-banner>.left>.top>.box").css("background",`url(${img}) no-repeat`);
//						console.log($(".main-banner>.left>.top>.box").css("background"))
//						$(".main-banner>.left>.top>.box").css("background-size","100%");
//						$(".right>h2").text(title);
//						$(".right>h6").text(content);
//						$(".right>.p1>span").text(price);
//						$(".right>.p2>span").text(price);
//						this.zoom();
//				        }
//				    });
				
				
				
			}
			
			
			
			
		
		
		
		
		}
		
		
		
		
		
		new detail();
	})
})